 // useContext 相当于使用 vue的inject,使用隔代组件共享的属性或方法
import React, { useContext } from 'react';
import { AppContext } from './test2';

const Text21 = ()=>{
    const {demoList} = useContext(AppContext);

    return <div className='demo_box' style={{margin:'20px'}}>
        {
            demoList.map((ele, index) => {
                return<div key={index}>
                    <p>
                        姓名: {ele.name}
                    </p>
                    <p>
                        年龄: {ele.age}
                    </p>
                </div>  
            })
        }
    </div>
}


export default Text21;

